<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>添加字段</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="stylesheet" href="/static/css/layui.css"/>
        <link rel="stylesheet" href="/static/css/common.css" />
        <style>
            .default-area {
                margin-left: 110px;
                width: 85%;
                margin-top: 10px;
            }
        </style>
    </head>
    <body>
        <form class="layui-form" action="" lay-filter="editform">
            <div class="mainBox">
                <div class="main-container">
                    <div class="main-container">
                        <div class="layui-form-item">
                            <label class="layui-form-label">字段名</label>
                            <div class="layui-input-block">
                                <input type="text" name="name" lay-verify="required|len" autocomplete="off" min="1" placeholder="请输入字段名" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">中文注释</label>
                            <div class="layui-input-block">
                                <input type="text" name="comment" lay-verify="required|len" autocomplete="off" placeholder="请输入中文注释" min="1" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">类型</label>
                            <div class="layui-input-block">
                                <select name="type" lay-search lay-verify="required">
                                    <option title="4 字节整数，有符号范围从 -2147483648 到 2147483647，无符号范围从 0 到 4294967295">INT</option>
                                    <option title="变长（0-65,535）字符串，最大有效长度取决于最大行大小">VARCHAR</option>
                                    <option title="最多存储 65535（2^16 - 1）字节的文本字段，存储时在内容前使用 2 字节表示内容的字节数">TEXT</option>
                                    <option title="日期，支持的范围从 1000-01-01 到 9999-12-31">DATE</option>
                                    <optgroup label="数字">
                                        <option title="1 字节整数，有符号范围从 -128 到 127，无符号范围从 0 到 255">TINYINT</option>
                                        <option title="2 字节整数，有符号范围从 -32768 到 32767，无符号范围从 0 到 65535">SMALLINT</option>
                                        <option title="3 字节整数，有符号范围从 -8388608 到 8388607，无符号范围从 0 到 16777215">MEDIUMINT</option>
                                        <option title="4 字节整数，有符号范围从 -2147483648 到 2147483647，无符号范围从 0 到 4294967295">INT</option>
                                        <option title="8 字节整数，有符号范围从 -9223372036854775808 到 9223372036854775807，无符号范围从 0 到 18446744073709551615">BIGINT</option>
                                        <option disabled="disabled">-</option>
                                        <option title="定点数（M，D）- 整数部分（M）最大为 65（默认 10），小数部分（D）最大为 30（默认 0）">DECIMAL</option>
                                        <option title="单精度浮点数，取值范围从 -3.402823466E+38 到 -1.175494351E-38、0 以及从 1.175494351E-38 到 3.402823466E+38">FLOAT</option>
                                        <option title="双精度浮点数，取值范围从 -1.7976931348623157E+308 到 -2.2250738585072014E-308、0 以及从 2.2250738585072014E-308 到 1.7976931348623157E+308">DOUBLE</option>
                                        <option title="DOUBLE 的别名（例外：REAL_AS_FLOAT SQL 模式时它是 FLOAT 的别名）">REAL</option>
                                        <option disabled="disabled">-</option>
                                        <option title="位类型（M），每个值存储 M 位（默认为 1，最大为 64）">BIT</option>
                                        <option title="TINYINT(1) 的别名，零值表示假，非零值表示真">BOOLEAN</option>
                                        <option title="BIGINT UNSIGNED NOT NULL AUTO_INCREMENT UNIQUE 的别名">SERIAL</option>
                                    </optgroup>
                                    <optgroup label="日期与时间">
                                        <option title="日期，支持的范围从 1000-01-01 到 9999-12-31">DATE</option>
                                        <option title="日期与时间，支持的范围从 1000-01-01 00:00:00 到 9999-12-31 23:59:59">DATETIME</option>
                                        <option title="时间戳，范围从 1970-01-01 00:00:01 UTC 到 2038-01-09 03:14:07 UTC，存储为自纪元（1970-01-01 00:00:00 UTC）起的秒数">TIMESTAMP</option>
                                        <option title="时间，范围从 -838:59:59 到 838:59:59">TIME</option>
                                        <option title="四位数（4，默认）或两位数（2）的年份，取值范围从 70（1970）到 69（2069）或从 1901 到 2155 以及 0000">YEAR</option>
                                    </optgroup>
                                    <optgroup label="文本">
                                        <option title="定长（0-255，默认 1）字符串，存储时会向右边补足空格到指定长度">CHAR</option>
                                        <option title="变长（0-65,535）字符串，最大有效长度取决于最大行大小">VARCHAR</option>
                                        <option disabled="disabled">-</option>
                                        <option title="最多存储 255（2^8 - 1）字节的文本字段，存储时在内容前使用 1 字节表示内容的字节数">TINYTEXT</option>
                                        <option title="最多存储 65535（2^16 - 1）字节的文本字段，存储时在内容前使用 2 字节表示内容的字节数">TEXT</option>
                                        <option title="最多存储 16777215（2^24 - 1）字节的文本字段，存储时在内容前使用 3 字节表示内容的字节数">MEDIUMTEXT</option>
                                        <option title="最多存储 4294967295 字节即 4GB（2^32 - 1）的文本字段，存储时在内容前使用 4 字节表示内容的字节数">LONGTEXT</option>
                                        <option disabled="disabled">-</option>
                                        <option title="类似于 CHAR 类型，但其存储的是二进制字节串而不是非二进制字符串">BINARY</option>
                                        <option title="类似于 VARCHAR 类型，但其存储的是二进制字节串而不是非二进制字符串">VARBINARY</option>
                                        <option disabled="disabled">-</option>
                                        <option title="最多存储 255（2^8 - 1）字节的 BLOB 字段，存储时在内容前使用 1 字节表示内容的字节数">TINYBLOB</option>
                                        <option title="最多存储 16777215（2^24 - 1）字节的 BLOB 字段，存储时在内容前使用 3 字节表示内容的字节数">MEDIUMBLOB</option>
                                        <option title="最多存储 65535（2^16 - 1）字节的 BLOB 字段，存储时在内容前使用 2 字节表示内容的字节数">BLOB</option>
                                        <option title="最多存储 4294967295 字节即 4GB（2^32 - 1）的 BLOB 字段，存储时在内容前使用 4 字节表示内容的字节数">LONGBLOB</option>
                                        <option disabled="disabled">-</option>
                                        <option title="枚举，可从最多 65535 个值的列表中选择或特殊的错误值 ''">ENUM</option>
                                        <option title="可从最多 64 个成员中选择集合为一个值">SET</option>
                                    </optgroup>
                                    <optgroup label="空间">
                                        <option title="一种能存储任意类型几何体的类型">GEOMETRY</option>
                                        <option title="二维空间中的点">POINT</option>
                                        <option title="点之间的线性插值曲线">LINESTRING</option>
                                        <option title="多边形">POLYGON</option>
                                        <option title="点的集合">MULTIPOINT</option>
                                        <option title="点之间的线性插值曲线的集合">MULTILINESTRING</option>
                                        <option title="多边形的集合">MULTIPOLYGON</option>
                                        <option title="任意类型几何体对象的集合">GEOMETRYCOLLECTION</option>
                                    </optgroup>
                                    <optgroup label="JSON">
                                        <option title="存储并可高效访问 JSON （JavaScript 对象） 文档中的数据">JSON</option>
                                    </optgroup>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">字段长度</label>
                            <div class="layui-input-block">
                                <input type="number" name="len" value="0" lay-verify="required" autocomplete="off" placeholder="请输入字段长度" class="layui-input">
                            </div>
                        </div>
<div class="layui-collapse">
  <div class="layui-colla-item">
    <h2 class="layui-colla-title">其他设置</h2>
    <div class="layui-colla-content">
   

                        <div class="layui-form-item">
                            <label class="layui-form-label">字段位数Decimals</label>
                            <div class="layui-input-block">
                                <input type="number" name="decimals" value="0" lay-verify="required" autocomplete="off" placeholder="请输入字段位数" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">是否为空</label>
                            <div class="layui-input-block">
                                <input type="radio" name="isnull" value="0" title="是" checked>
                                <input type="radio" name="isnull" value="1" title="否">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">默认值</label>
                            <div class="layui-input-block" id="defaults">
                                <select name="defaults" lay-filter="defselect" autocomplete="off">
                                    <option value="自定义">
                        自定义
                        </option>
                                    <option value="NULL">
                            NULL
                        </option>
                                    <option value="CURRENT_TIMESTAMP">
                            CURRENT_TIMESTAMP
                        </option>
                                </select>
                            </div>
                            <div class="layui-input-block" id="default-area">
                                <input type="text" name="default" value="" autocomplete="off" placeholder="请输入默认值" class="layui-input" id="default">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">属性</label>
                            <div class="layui-input-block">
                                <select name="attribute">
                                    <option value="" selected="selected"></option>
                                    <option value="BINARY">BINARY</option>
                                    <option value="UNSIGNED">UNSIGNED</option>
                                    <option value="UNSIGNED ZEROFILL">UNSIGNED ZEROFILL</option>
                                    <option value="on update CURRENT_TIMESTAMP">
                        on update CURRENT_TIMESTAMP
                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">排序规则</label>
                            <div class="layui-input-block">
                                <select dir="ltr" name="collation" lang="en">
                                    <option value=""></option>
                                    <option value="utf8mb4_unicode_ci" title="Unicode (UCA 4.0.0), 不区分大小写">utf8mb4_unicode_ci</option>
                                    <option value="utf8mb4_general_ci" title="Unicode (UCA 4.0.0), 不区分大小写">utf8mb4_general_ci</option>
                                    <option value="utf8_general_ci" title="Unicode, 不区分大小写">utf8_general_ci</option>
                                    <optgroup label="armscii8" title="ARMSCII-8 Armenian">
                                        <option value="armscii8_bin" title="亚美尼亚语, 二进制">armscii8_bin</option>
                                        <option value="armscii8_general_ci" title="亚美尼亚语, 不区分大小写">armscii8_general_ci</option>
                                    </optgroup>
                                    <optgroup label="ascii" title="US ASCII">
                                        <option value="ascii_bin" title="西欧, 二进制">ascii_bin</option>
                                        <option value="ascii_general_ci" title="西欧, 不区分大小写">ascii_general_ci</option>
                                    </optgroup>
                                    <optgroup label="big5" title="Big5 Traditional Chinese">
                                        <option value="big5_bin" title="繁体中文, 二进制">big5_bin</option>
                                        <option value="big5_chinese_ci" title="繁体中文, 不区分大小写">big5_chinese_ci</option>
                                    </optgroup>
                                    <optgroup label="binary" title="Binary pseudo charset">
                                        <option value="binary" title="二进制">binary</option>
                                    </optgroup>
                                    <optgroup label="cp1250" title="Windows Central European">
                                        <option value="cp1250_bin" title="中欧, 二进制">cp1250_bin</option>
                                        <option value="cp1250_croatian_ci" title="克罗地亚语, 不区分大小写">cp1250_croatian_ci</option>
                                        <option value="cp1250_czech_cs" title="捷克语, 区分大小写">cp1250_czech_cs</option>
                                        <option value="cp1250_general_ci" title="中欧, 不区分大小写">cp1250_general_ci</option>
                                        <option value="cp1250_polish_ci" title="波兰语, 不区分大小写">cp1250_polish_ci</option>
                                    </optgroup>
                                    <optgroup label="cp1251" title="Windows Cyrillic">
                                        <option value="cp1251_bin" title="西里尔语, 二进制">cp1251_bin</option>
                                        <option value="cp1251_bulgarian_ci" title="保加利亚语, 不区分大小写">cp1251_bulgarian_ci</option>
                                        <option value="cp1251_general_ci" title="西里尔语, 不区分大小写">cp1251_general_ci</option>
                                        <option value="cp1251_general_cs" title="西里尔语, 区分大小写">cp1251_general_cs</option>
                                        <option value="cp1251_ukrainian_ci" title="乌克兰语, 不区分大小写">cp1251_ukrainian_ci</option>
                                    </optgroup>
                                    <optgroup label="cp1256" title="Windows Arabic">
                                        <option value="cp1256_bin" title="阿拉伯语, 二进制">cp1256_bin</option>
                                        <option value="cp1256_general_ci" title="阿拉伯语, 不区分大小写">cp1256_general_ci</option>
                                    </optgroup>
                                    <optgroup label="cp1257" title="Windows Baltic">
                                        <option value="cp1257_bin" title="巴拉克语, 二进制">cp1257_bin</option>
                                        <option value="cp1257_general_ci" title="巴拉克语, 不区分大小写">cp1257_general_ci</option>
                                        <option value="cp1257_lithuanian_ci" title="立陶宛语, 不区分大小写">cp1257_lithuanian_ci</option>
                                    </optgroup>
                                    <optgroup label="cp850" title="DOS West European">
                                        <option value="cp850_bin" title="西欧, 二进制">cp850_bin</option>
                                        <option value="cp850_general_ci" title="西欧, 不区分大小写">cp850_general_ci</option>
                                    </optgroup>
                                    <optgroup label="cp852" title="DOS Central European">
                                        <option value="cp852_bin" title="中欧, 二进制">cp852_bin</option>
                                        <option value="cp852_general_ci" title="中欧, 不区分大小写">cp852_general_ci</option>
                                    </optgroup>
                                    <optgroup label="cp866" title="DOS Russian">
                                        <option value="cp866_bin" title="俄语, 二进制">cp866_bin</option>
                                        <option value="cp866_general_ci" title="俄语, 不区分大小写">cp866_general_ci</option>
                                    </optgroup>
                                    <optgroup label="cp932" title="SJIS for Windows Japanese">
                                        <option value="cp932_bin" title="日语, 二进制">cp932_bin</option>
                                        <option value="cp932_japanese_ci" title="日语, 不区分大小写">cp932_japanese_ci</option>
                                    </optgroup>
                                    <optgroup label="dec8" title="DEC West European">
                                        <option value="dec8_bin" title="西欧, 二进制">dec8_bin</option>
                                        <option value="dec8_swedish_ci" title="瑞典语, 不区分大小写">dec8_swedish_ci</option>
                                    </optgroup>
                                    <optgroup label="eucjpms" title="UJIS for Windows Japanese">
                                        <option value="eucjpms_bin" title="日语, 二进制">eucjpms_bin</option>
                                        <option value="eucjpms_japanese_ci" title="日语, 不区分大小写">eucjpms_japanese_ci</option>
                                    </optgroup>
                                    <optgroup label="euckr" title="EUC-KR Korean">
                                        <option value="euckr_bin" title="朝鲜语, 二进制">euckr_bin</option>
                                        <option value="euckr_korean_ci" title="朝鲜语, 不区分大小写">euckr_korean_ci</option>
                                    </optgroup>
                                    <optgroup label="gb18030" title="China National Standard GB18030">
                                        <option value="gb18030_bin" title="中文, 二进制">gb18030_bin</option>
                                        <option value="gb18030_chinese_ci" title="中文, 不区分大小写">gb18030_chinese_ci</option>
                                        <option value="gb18030_unicode_520_ci" title="中文 (UCA 5.2.0), 不区分大小写">gb18030_unicode_520_ci</option>
                                    </optgroup>
                                    <optgroup label="gb2312" title="GB2312 Simplified Chinese">
                                        <option value="gb2312_bin" title="简体中文, 二进制">gb2312_bin</option>
                                        <option value="gb2312_chinese_ci" title="简体中文, 不区分大小写">gb2312_chinese_ci</option>
                                    </optgroup>
                                    <optgroup label="gbk" title="GBK Simplified Chinese">
                                        <option value="gbk_bin" title="简体中文, 二进制">gbk_bin</option>
                                        <option value="gbk_chinese_ci" title="简体中文, 不区分大小写">gbk_chinese_ci</option>
                                    </optgroup>
                                    <optgroup label="geostd8" title="GEOSTD8 Georgian">
                                        <option value="geostd8_bin" title="乔治亚语, 二进制">geostd8_bin</option>
                                        <option value="geostd8_general_ci" title="乔治亚语, 不区分大小写">geostd8_general_ci</option>
                                    </optgroup>
                                    <optgroup label="greek" title="ISO 8859-7 Greek">
                                        <option value="greek_bin" title="希腊语, 二进制">greek_bin</option>
                                        <option value="greek_general_ci" title="希腊语, 不区分大小写">greek_general_ci</option>
                                    </optgroup>
                                    <optgroup label="hebrew" title="ISO 8859-8 Hebrew">
                                        <option value="hebrew_bin" title="希伯来语, 二进制">hebrew_bin</option>
                                        <option value="hebrew_general_ci" title="希伯来语, 不区分大小写">hebrew_general_ci</option>
                                    </optgroup>
                                    <optgroup label="hp8" title="HP West European">
                                        <option value="hp8_bin" title="西欧, 二进制">hp8_bin</option>
                                        <option value="hp8_english_ci" title="英语, 不区分大小写">hp8_english_ci</option>
                                    </optgroup>
                                    <optgroup label="keybcs2" title="DOS Kamenicky Czech-Slovak">
                                        <option value="keybcs2_bin" title="捷克斯洛伐克语, 二进制">keybcs2_bin</option>
                                        <option value="keybcs2_general_ci" title="捷克斯洛伐克语, 不区分大小写">keybcs2_general_ci</option>
                                    </optgroup>
                                    <optgroup label="koi8r" title="KOI8-R Relcom Russian">
                                        <option value="koi8r_bin" title="俄语, 二进制">koi8r_bin</option>
                                        <option value="koi8r_general_ci" title="俄语, 不区分大小写">koi8r_general_ci</option>
                                    </optgroup>
                                    <optgroup label="koi8u" title="KOI8-U Ukrainian">
                                        <option value="koi8u_bin" title="乌克兰语, 二进制">koi8u_bin</option>
                                        <option value="koi8u_general_ci" title="乌克兰语, 不区分大小写">koi8u_general_ci</option>
                                    </optgroup>
                                    <optgroup label="latin1" title="cp1252 West European">
                                        <option value="latin1_bin" title="西欧, 二进制">latin1_bin</option>
                                        <option value="latin1_danish_ci" title="丹麦语, 不区分大小写">latin1_danish_ci</option>
                                        <option value="latin1_general_ci" title="西欧, 不区分大小写">latin1_general_ci</option>
                                        <option value="latin1_general_cs" title="西欧, 区分大小写">latin1_general_cs</option>
                                        <option value="latin1_german1_ci" title="德语（字典顺序）, 不区分大小写">latin1_german1_ci</option>
                                        <option value="latin1_german2_ci" title="德语（电话簿排序）, 不区分大小写">latin1_german2_ci</option>
                                        <option value="latin1_spanish_ci" title="西班牙语（现代）, 不区分大小写">latin1_spanish_ci</option>
                                        <option value="latin1_swedish_ci" title="瑞典语, 不区分大小写">latin1_swedish_ci</option>
                                    </optgroup>
                                    <optgroup label="latin2" title="ISO 8859-2 Central European">
                                        <option value="latin2_bin" title="中欧, 二进制">latin2_bin</option>
                                        <option value="latin2_croatian_ci" title="克罗地亚语, 不区分大小写">latin2_croatian_ci</option>
                                        <option value="latin2_czech_cs" title="捷克语, 区分大小写">latin2_czech_cs</option>
                                        <option value="latin2_general_ci" title="中欧, 不区分大小写">latin2_general_ci</option>
                                        <option value="latin2_hungarian_ci" title="匈牙利语, 不区分大小写">latin2_hungarian_ci</option>
                                    </optgroup>
                                    <optgroup label="latin5" title="ISO 8859-9 Turkish">
                                        <option value="latin5_bin" title="土耳其语, 二进制">latin5_bin</option>
                                        <option value="latin5_turkish_ci" title="土耳其语, 不区分大小写">latin5_turkish_ci</option>
                                    </optgroup>
                                    <optgroup label="latin7" title="ISO 8859-13 Baltic">
                                        <option value="latin7_bin" title="巴拉克语, 二进制">latin7_bin</option>
                                        <option value="latin7_estonian_cs" title="爱沙尼亚语, 区分大小写">latin7_estonian_cs</option>
                                        <option value="latin7_general_ci" title="巴拉克语, 不区分大小写">latin7_general_ci</option>
                                        <option value="latin7_general_cs" title="巴拉克语, 区分大小写">latin7_general_cs</option>
                                    </optgroup>
                                    <optgroup label="macce" title="Mac Central European">
                                        <option value="macce_bin" title="中欧, 二进制">macce_bin</option>
                                        <option value="macce_general_ci" title="中欧, 不区分大小写">macce_general_ci</option>
                                    </optgroup>
                                    <optgroup label="macroman" title="Mac West European">
                                        <option value="macroman_bin" title="西欧, 二进制">macroman_bin</option>
                                        <option value="macroman_general_ci" title="西欧, 不区分大小写">macroman_general_ci</option>
                                    </optgroup>
                                    <optgroup label="sjis" title="Shift-JIS Japanese">
                                        <option value="sjis_bin" title="日语, 二进制">sjis_bin</option>
                                        <option value="sjis_japanese_ci" title="日语, 不区分大小写">sjis_japanese_ci</option>
                                    </optgroup>
                                    <optgroup label="swe7" title="7bit Swedish">
                                        <option value="swe7_bin" title="瑞典语, 二进制">swe7_bin</option>
                                        <option value="swe7_swedish_ci" title="瑞典语, 不区分大小写">swe7_swedish_ci</option>
                                    </optgroup>
                                    <optgroup label="tis620" title="TIS620 Thai">
                                        <option value="tis620_bin" title="泰语, 二进制">tis620_bin</option>
                                        <option value="tis620_thai_ci" title="泰语, 不区分大小写">tis620_thai_ci</option>
                                    </optgroup>
                                    <optgroup label="ucs2" title="UCS-2 Unicode">
                                        <option value="ucs2_bin" title="Unicode, 二进制">ucs2_bin</option>
                                        <option value="ucs2_croatian_ci" title="克罗地亚语, 不区分大小写">ucs2_croatian_ci</option>
                                        <option value="ucs2_czech_ci" title="捷克语, 不区分大小写">ucs2_czech_ci</option>
                                        <option value="ucs2_danish_ci" title="丹麦语, 不区分大小写">ucs2_danish_ci</option>
                                        <option value="ucs2_esperanto_ci" title="世界语, 不区分大小写">ucs2_esperanto_ci</option>
                                        <option value="ucs2_estonian_ci" title="爱沙尼亚语, 不区分大小写">ucs2_estonian_ci</option>
                                        <option value="ucs2_general_ci" title="Unicode, 不区分大小写">ucs2_general_ci</option>
                                        <option value="ucs2_general_mysql500_ci" title="Unicode (MySQL 5.0.0), 不区分大小写">ucs2_general_mysql500_ci</option>
                                        <option value="ucs2_german2_ci" title="德语（电话簿排序）, 不区分大小写">ucs2_german2_ci</option>
                                        <option value="ucs2_hungarian_ci" title="匈牙利语, 不区分大小写">ucs2_hungarian_ci</option>
                                        <option value="ucs2_icelandic_ci" title="冰岛语, 不区分大小写">ucs2_icelandic_ci</option>
                                        <option value="ucs2_latvian_ci" title="拉脱维亚语, 不区分大小写">ucs2_latvian_ci</option>
                                        <option value="ucs2_lithuanian_ci" title="立陶宛语, 不区分大小写">ucs2_lithuanian_ci</option>
                                        <option value="ucs2_persian_ci" title="波斯语, 不区分大小写">ucs2_persian_ci</option>
                                        <option value="ucs2_polish_ci" title="波兰语, 不区分大小写">ucs2_polish_ci</option>
                                        <option value="ucs2_roman_ci" title="西欧, 不区分大小写">ucs2_roman_ci</option>
                                        <option value="ucs2_romanian_ci" title="罗马尼亚语, 不区分大小写">ucs2_romanian_ci</option>
                                        <option value="ucs2_sinhala_ci" title="僧伽罗语, 不区分大小写">ucs2_sinhala_ci</option>
                                        <option value="ucs2_slovak_ci" title="斯洛伐克语, 不区分大小写">ucs2_slovak_ci</option>
                                        <option value="ucs2_slovenian_ci" title="斯洛文尼亚语, 不区分大小写">ucs2_slovenian_ci</option>
                                        <option value="ucs2_spanish2_ci" title="西班牙语（传统）, 不区分大小写">ucs2_spanish2_ci</option>
                                        <option value="ucs2_spanish_ci" title="西班牙语（现代）, 不区分大小写">ucs2_spanish_ci</option>
                                        <option value="ucs2_swedish_ci" title="瑞典语, 不区分大小写">ucs2_swedish_ci</option>
                                        <option value="ucs2_turkish_ci" title="土耳其语, 不区分大小写">ucs2_turkish_ci</option>
                                        <option value="ucs2_unicode_520_ci" title="Unicode (UCA 5.2.0), 不区分大小写">ucs2_unicode_520_ci</option>
                                        <option value="ucs2_unicode_ci" title="Unicode, 不区分大小写">ucs2_unicode_ci</option>
                                        <option value="ucs2_vietnamese_ci" title="越南语, 不区分大小写">ucs2_vietnamese_ci</option>
                                    </optgroup>
                                    <optgroup label="ujis" title="EUC-JP Japanese">
                                        <option value="ujis_bin" title="日语, 二进制">ujis_bin</option>
                                        <option value="ujis_japanese_ci" title="日语, 不区分大小写">ujis_japanese_ci</option>
                                    </optgroup>
                                    <optgroup label="utf16" title="UTF-16 Unicode">
                                        <option value="utf16_bin" title="Unicode, 二进制">utf16_bin</option>
                                        <option value="utf16_croatian_ci" title="克罗地亚语, 不区分大小写">utf16_croatian_ci</option>
                                        <option value="utf16_czech_ci" title="捷克语, 不区分大小写">utf16_czech_ci</option>
                                        <option value="utf16_danish_ci" title="丹麦语, 不区分大小写">utf16_danish_ci</option>
                                        <option value="utf16_esperanto_ci" title="世界语, 不区分大小写">utf16_esperanto_ci</option>
                                        <option value="utf16_estonian_ci" title="爱沙尼亚语, 不区分大小写">utf16_estonian_ci</option>
                                        <option value="utf16_general_ci" title="Unicode, 不区分大小写">utf16_general_ci</option>
                                        <option value="utf16_german2_ci" title="德语（电话簿排序）, 不区分大小写">utf16_german2_ci</option>
                                        <option value="utf16_hungarian_ci" title="匈牙利语, 不区分大小写">utf16_hungarian_ci</option>
                                        <option value="utf16_icelandic_ci" title="冰岛语, 不区分大小写">utf16_icelandic_ci</option>
                                        <option value="utf16_latvian_ci" title="拉脱维亚语, 不区分大小写">utf16_latvian_ci</option>
                                        <option value="utf16_lithuanian_ci" title="立陶宛语, 不区分大小写">utf16_lithuanian_ci</option>
                                        <option value="utf16_persian_ci" title="波斯语, 不区分大小写">utf16_persian_ci</option>
                                        <option value="utf16_polish_ci" title="波兰语, 不区分大小写">utf16_polish_ci</option>
                                        <option value="utf16_roman_ci" title="西欧, 不区分大小写">utf16_roman_ci</option>
                                        <option value="utf16_romanian_ci" title="罗马尼亚语, 不区分大小写">utf16_romanian_ci</option>
                                        <option value="utf16_sinhala_ci" title="僧伽罗语, 不区分大小写">utf16_sinhala_ci</option>
                                        <option value="utf16_slovak_ci" title="斯洛伐克语, 不区分大小写">utf16_slovak_ci</option>
                                        <option value="utf16_slovenian_ci" title="斯洛文尼亚语, 不区分大小写">utf16_slovenian_ci</option>
                                        <option value="utf16_spanish2_ci" title="西班牙语（传统）, 不区分大小写">utf16_spanish2_ci</option>
                                        <option value="utf16_spanish_ci" title="西班牙语（现代）, 不区分大小写">utf16_spanish_ci</option>
                                        <option value="utf16_swedish_ci" title="瑞典语, 不区分大小写">utf16_swedish_ci</option>
                                        <option value="utf16_turkish_ci" title="土耳其语, 不区分大小写">utf16_turkish_ci</option>
                                        <option value="utf16_unicode_520_ci" title="Unicode (UCA 5.2.0), 不区分大小写">utf16_unicode_520_ci</option>
                                        <option value="utf16_unicode_ci" title="Unicode, 不区分大小写">utf16_unicode_ci</option>
                                        <option value="utf16_vietnamese_ci" title="越南语, 不区分大小写">utf16_vietnamese_ci</option>
                                    </optgroup>
                                    <optgroup label="utf16le" title="UTF-16LE Unicode">
                                        <option value="utf16le_bin" title="Unicode, 二进制">utf16le_bin</option>
                                        <option value="utf16le_general_ci" title="Unicode, 不区分大小写">utf16le_general_ci</option>
                                    </optgroup>
                                    <optgroup label="utf32" title="UTF-32 Unicode">
                                        <option value="utf32_bin" title="Unicode, 二进制">utf32_bin</option>
                                        <option value="utf32_croatian_ci" title="克罗地亚语, 不区分大小写">utf32_croatian_ci</option>
                                        <option value="utf32_czech_ci" title="捷克语, 不区分大小写">utf32_czech_ci</option>
                                        <option value="utf32_danish_ci" title="丹麦语, 不区分大小写">utf32_danish_ci</option>
                                        <option value="utf32_esperanto_ci" title="世界语, 不区分大小写">utf32_esperanto_ci</option>
                                        <option value="utf32_estonian_ci" title="爱沙尼亚语, 不区分大小写">utf32_estonian_ci</option>
                                        <option value="utf32_general_ci" title="Unicode, 不区分大小写">utf32_general_ci</option>
                                        <option value="utf32_german2_ci" title="德语（电话簿排序）, 不区分大小写">utf32_german2_ci</option>
                                        <option value="utf32_hungarian_ci" title="匈牙利语, 不区分大小写">utf32_hungarian_ci</option>
                                        <option value="utf32_icelandic_ci" title="冰岛语, 不区分大小写">utf32_icelandic_ci</option>
                                        <option value="utf32_latvian_ci" title="拉脱维亚语, 不区分大小写">utf32_latvian_ci</option>
                                        <option value="utf32_lithuanian_ci" title="立陶宛语, 不区分大小写">utf32_lithuanian_ci</option>
                                        <option value="utf32_persian_ci" title="波斯语, 不区分大小写">utf32_persian_ci</option>
                                        <option value="utf32_polish_ci" title="波兰语, 不区分大小写">utf32_polish_ci</option>
                                        <option value="utf32_roman_ci" title="西欧, 不区分大小写">utf32_roman_ci</option>
                                        <option value="utf32_romanian_ci" title="罗马尼亚语, 不区分大小写">utf32_romanian_ci</option>
                                        <option value="utf32_sinhala_ci" title="僧伽罗语, 不区分大小写">utf32_sinhala_ci</option>
                                        <option value="utf32_slovak_ci" title="斯洛伐克语, 不区分大小写">utf32_slovak_ci</option>
                                        <option value="utf32_slovenian_ci" title="斯洛文尼亚语, 不区分大小写">utf32_slovenian_ci</option>
                                        <option value="utf32_spanish2_ci" title="西班牙语（传统）, 不区分大小写">utf32_spanish2_ci</option>
                                        <option value="utf32_spanish_ci" title="西班牙语（现代）, 不区分大小写">utf32_spanish_ci</option>
                                        <option value="utf32_swedish_ci" title="瑞典语, 不区分大小写">utf32_swedish_ci</option>
                                        <option value="utf32_turkish_ci" title="土耳其语, 不区分大小写">utf32_turkish_ci</option>
                                        <option value="utf32_unicode_520_ci" title="Unicode (UCA 5.2.0), 不区分大小写">utf32_unicode_520_ci</option>
                                        <option value="utf32_unicode_ci" title="Unicode, 不区分大小写">utf32_unicode_ci</option>
                                        <option value="utf32_vietnamese_ci" title="越南语, 不区分大小写">utf32_vietnamese_ci</option>
                                    </optgroup>
                                    <optgroup label="utf8" title="UTF-8 Unicode">
                                        <option value="utf8_bin" title="Unicode, 二进制">utf8_bin</option>
                                        <option value="utf8_croatian_ci" title="克罗地亚语, 不区分大小写">utf8_croatian_ci</option>
                                        <option value="utf8_czech_ci" title="捷克语, 不区分大小写">utf8_czech_ci</option>
                                        <option value="utf8_danish_ci" title="丹麦语, 不区分大小写">utf8_danish_ci</option>
                                        <option value="utf8_esperanto_ci" title="世界语, 不区分大小写">utf8_esperanto_ci</option>
                                        <option value="utf8_estonian_ci" title="爱沙尼亚语, 不区分大小写">utf8_estonian_ci</option>

                                        <option value="utf8_general_mysql500_ci" title="Unicode (MySQL 5.0.0), 不区分大小写">utf8_general_mysql500_ci</option>
                                        <option value="utf8_german2_ci" title="德语（电话簿排序）, 不区分大小写">utf8_german2_ci</option>
                                        <option value="utf8_hungarian_ci" title="匈牙利语, 不区分大小写">utf8_hungarian_ci</option>
                                        <option value="utf8_icelandic_ci" title="冰岛语, 不区分大小写">utf8_icelandic_ci</option>
                                        <option value="utf8_latvian_ci" title="拉脱维亚语, 不区分大小写">utf8_latvian_ci</option>
                                        <option value="utf8_lithuanian_ci" title="立陶宛语, 不区分大小写">utf8_lithuanian_ci</option>
                                        <option value="utf8_persian_ci" title="波斯语, 不区分大小写">utf8_persian_ci</option>
                                        <option value="utf8_polish_ci" title="波兰语, 不区分大小写">utf8_polish_ci</option>
                                        <option value="utf8_roman_ci" title="西欧, 不区分大小写">utf8_roman_ci</option>
                                        <option value="utf8_romanian_ci" title="罗马尼亚语, 不区分大小写">utf8_romanian_ci</option>
                                        <option value="utf8_sinhala_ci" title="僧伽罗语, 不区分大小写">utf8_sinhala_ci</option>
                                        <option value="utf8_slovak_ci" title="斯洛伐克语, 不区分大小写">utf8_slovak_ci</option>
                                        <option value="utf8_slovenian_ci" title="斯洛文尼亚语, 不区分大小写">utf8_slovenian_ci</option>
                                        <option value="utf8_spanish2_ci" title="西班牙语（传统）, 不区分大小写">utf8_spanish2_ci</option>
                                        <option value="utf8_spanish_ci" title="西班牙语（现代）, 不区分大小写">utf8_spanish_ci</option>
                                        <option value="utf8_swedish_ci" title="瑞典语, 不区分大小写">utf8_swedish_ci</option>
                                        <option value="utf8_turkish_ci" title="土耳其语, 不区分大小写">utf8_turkish_ci</option>
                                        <option value="utf8_unicode_520_ci" title="Unicode (UCA 5.2.0), 不区分大小写">utf8_unicode_520_ci</option>
                                        <option value="utf8_unicode_ci" title="Unicode, 不区分大小写">utf8_unicode_ci</option>
                                        <option value="utf8_vietnamese_ci" title="越南语, 不区分大小写">utf8_vietnamese_ci</option>
                                    </optgroup>
                                    <optgroup label="utf8mb4" title="UTF-8 Unicode">
                                        <option value="utf8mb4_bin" title="Unicode (UCA 4.0.0), 二进制">utf8mb4_bin</option>
                                        <option value="utf8mb4_croatian_ci" title="克罗地亚语 (UCA 4.0.0), 不区分大小写">utf8mb4_croatian_ci</option>
                                        <option value="utf8mb4_czech_ci" title="捷克语 (UCA 4.0.0), 不区分大小写">utf8mb4_czech_ci</option>
                                        <option value="utf8mb4_danish_ci" title="丹麦语 (UCA 4.0.0), 不区分大小写">utf8mb4_danish_ci</option>
                                        <option value="utf8mb4_esperanto_ci" title="世界语 (UCA 4.0.0), 不区分大小写">utf8mb4_esperanto_ci</option>
                                        <option value="utf8mb4_estonian_ci" title="爱沙尼亚语 (UCA 4.0.0), 不区分大小写">utf8mb4_estonian_ci</option>

                                        <option value="utf8mb4_german2_ci" title="德语（电话簿排序） (UCA 4.0.0), 不区分大小写">utf8mb4_german2_ci</option>
                                        <option value="utf8mb4_hungarian_ci" title="匈牙利语 (UCA 4.0.0), 不区分大小写">utf8mb4_hungarian_ci</option>
                                        <option value="utf8mb4_icelandic_ci" title="冰岛语 (UCA 4.0.0), 不区分大小写">utf8mb4_icelandic_ci</option>
                                        <option value="utf8mb4_latvian_ci" title="拉脱维亚语 (UCA 4.0.0), 不区分大小写">utf8mb4_latvian_ci</option>
                                        <option value="utf8mb4_lithuanian_ci" title="立陶宛语 (UCA 4.0.0), 不区分大小写">utf8mb4_lithuanian_ci</option>
                                        <option value="utf8mb4_persian_ci" title="波斯语 (UCA 4.0.0), 不区分大小写">utf8mb4_persian_ci</option>
                                        <option value="utf8mb4_polish_ci" title="波兰语 (UCA 4.0.0), 不区分大小写">utf8mb4_polish_ci</option>
                                        <option value="utf8mb4_roman_ci" title="西欧 (UCA 4.0.0), 不区分大小写">utf8mb4_roman_ci</option>
                                        <option value="utf8mb4_romanian_ci" title="罗马尼亚语 (UCA 4.0.0), 不区分大小写">utf8mb4_romanian_ci</option>
                                        <option value="utf8mb4_sinhala_ci" title="僧伽罗语 (UCA 4.0.0), 不区分大小写">utf8mb4_sinhala_ci</option>
                                        <option value="utf8mb4_slovak_ci" title="斯洛伐克语 (UCA 4.0.0), 不区分大小写">utf8mb4_slovak_ci</option>
                                        <option value="utf8mb4_slovenian_ci" title="斯洛文尼亚语 (UCA 4.0.0), 不区分大小写">utf8mb4_slovenian_ci</option>
                                        <option value="utf8mb4_spanish2_ci" title="西班牙语（传统） (UCA 4.0.0), 不区分大小写">utf8mb4_spanish2_ci</option>
                                        <option value="utf8mb4_spanish_ci" title="西班牙语（现代） (UCA 4.0.0), 不区分大小写">utf8mb4_spanish_ci</option>
                                        <option value="utf8mb4_swedish_ci" title="瑞典语 (UCA 4.0.0), 不区分大小写">utf8mb4_swedish_ci</option>
                                        <option value="utf8mb4_turkish_ci" title="土耳其语 (UCA 4.0.0), 不区分大小写">utf8mb4_turkish_ci</option>
                                        <option value="utf8mb4_unicode_520_ci" title="Unicode (UCA 5.2.0), 不区分大小写">utf8mb4_unicode_520_ci</option>

                                        <option value="utf8mb4_vietnamese_ci" title="越南语 (UCA 4.0.0), 不区分大小写">utf8mb4_vietnamese_ci</option>
                                    </optgroup>
                                </select>
                            </div>
                        </div>

                        <!--div class="layui-form-item">
                            <label class="layui-form-label">索引</label>
                            <div class="layui-input-block">
                                <select name="key">
                                    <option value=""></option>
                                    <option value="primary" title="主键">PRIMARY</option>
                                    <option value="unique" title="唯一">UNIQUE</option>
                                    <option value="index" title="索引">INDEX</option>
                                    <option value="fulltext" title="全文搜索">FULLTEXT</option>
                                    <option value="spatial" title="空间">SPATIAL</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">自增长</label>
                            <div class="layui-input-block">
                                <input type="checkbox" name="auto" value="1" lay-skin='switch' lay-filter="autoid"  />
                            </div>
                        </div-->
                        <div class="layui-form-item">
                            <label class="layui-form-label">虚拟</label>
                            <div class="layui-input-block">
                                <select name="virtuality" lay-filter="virtuality">
                                    <option value=""></option>
                                    <option value="VIRTUAL">VIRTUAL</option>
                                    <option value="STORED">STORED</option>
                                </select>
                            </div>
                            <div class="layui-input-block" id="virtuality-area" style="display:none">
                                <input type="text" name="virtualitycode" value="" autocomplete="off" placeholder="请输入表达式" class="layui-input" id="virtualitycode">
                            </div>
                        </div>

 </div>
  </div>
</div>


                    </div>
                </div>
            </div>
            <div class="bottom">
                <div class="button-container">
                    <button type="submit" class="layui-btn layui-btn-lg layui-btn-warm" lay-submit="" lay-filter="user-save">
                        <i class="layui-icon layui-icon-ok"></i>
                提交
            </button>
                </div>
            </div>
        </form>
        
        <script src="/static/js/layui.js"></script>
        <script>
            layui.extend({
                    api: '{/}/static/js/api' // 开头特定符 {/} 即代表采用单独路径
            }).use(['api'], function () {
                let form = layui.form,
                    layer = layui.layer,
                    $ = layui.$,
                    api = layui.api,
                    element = layui.element,
                    req = api.req();
                form.verify({
                    len: (val, item) => {
                        let min = item.getAttribute("min")
                        if (val.length < min) {
                            return '长度不能小于' + min;
                        }
                    }
                })
                form.on('select(defselect)', function (data) {
                    //console.log(data)
                    if (data.value == '自定义') {
                        $('#default-area').show();
                        $('#default').val('');
                    } else {
                        $('#default-area').hide();
                        $('#default').val(data.value);
                    }
                });
                form.on('select(virtuality)', function(data){
                    if(data.value != '') {
                        $('#virtuality-area').show();
                    }else{
                        $('#virtuality-area').hide();
                    }
                })
                //渲染
               

                //监听提交
                form.on('submit(user-save)', function (data) {
                    data = data.field;
                    data.table = req.table;
                    //console.log(data)
                    api.post('db/addField', data, res => {
                        //console.log(res)
                        parent
                            .layui
                            .table
                            .reload("db-table");
                        parent
                            .layer
                            .close(parent.layer.getFrameIndex(window.name)); //关闭当前页

                    })

                    return false;
                });

            });
        </script>

    </body>
</html>